<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>MyPetStore</title>

  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      margin: 0;
      padding: 0;
      background: white;
      overflow: hidden;
    }
    p {
      font-size: 13px;
      line-height: 10px;
      background: url(/images/cat1.gif) no-repeat;
      background-size: contain;
      background-position: center;
      background-attachment: fixed;
      -webkit-background-clip: text;
      -webkit-text-fill-color: rgba(255, 255, 255, 0);
      font-weight: 900;
      margin: 0;
    }

    .parent {
      width: 681px;
      height: 384px;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto auto;
      overflow: hidden;
      position: absolute;
      -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
      box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
    }

    svg {
      position: absolute;
      z-index: 1;
      width: 681px;
      height: 384px;
    }

    button {
      position: absolute;
      z-index: 50;
      width: 40px;
      overflow: hidden;
      height: 40px;
      border: none;
      border-radius: 50%;
      background: #fff;
      cursor: pointer;
      -webkit-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
      box-shadow: 0 0 88px 5px rgba(0, 0, 0, 0.75);
    }
    button:focus {
      outline-width: 0;
    }

    circle {
      stroke: #fff;
      fill: none;
      transition: 0.3s;
    }

    #svg1 circle {
      transition-timing-function: linear;
    }

    #svg2 circle {
      transition-timing-function: linear;
    }

    #Capa_1 {
      position: absolute;
      width: 16px;
      height: 16px;
      transform: translate(-7px, -8px);
    }

    #Capa_2 {
      position: absolute;
      width: 16px;
      height: 16px;
      transform: translate(-9px, -8px);
    }

    .right {
      margin-left: 628px;
      margin-top: 168px;
      border: 1px solid #849494;
      background-color: transparent;
      transition: .5s;
    }
    .right:hover {
      background-color: #fff;
    }

    .left {
      margin-left: 0.5%;
      margin-top: 6.17%;
      border: 1px solid #849494;
      background-color: transparent;
      transition: .5s;
    }
    .left:hover {
      background-color: #fff;
    }

    .circle1 {
      transition-delay: 0.05s;
    }

    .circle2 {
      transition-delay: 0.1s;
    }

    .circle3 {
      transition-delay: 0.15s;
    }

    .circle4 {
      transition-delay: 0.2s;
    }

    .circle5 {
      transition-delay: 0.25s;
    }

    .circle6 {
      transition-delay: 0.3s;
    }

    .circle7 {
      transition-delay: 0.35s;
    }

    .circle8 {
      transition-delay: 0.4s;
    }

    .circle9 {
      transition-delay: 0.45s;
    }

    .circle10 {
      transition-delay: 0.05s;
    }

    .circle11 {
      transition-delay: 0.1s;
    }

    .circle12 {
      transition-delay: 0.15s;
    }

    .circle13 {
      transition-delay: 0.2s;
    }

    .circle14 {
      transition-delay: 0.25s;
    }

    .circle15 {
      transition-delay: 0.3s;
    }

    .circle16 {
      transition-delay: 0.35s;
    }

    .circle17 {
      transition-delay: 0.4s;
    }

    .circle18 {
      transition-delay: 0.45s;
    }

    .slide1 {
      background-image: url("images/01.jpg");
    }

    .slide2 {
      background-image: url("images/02.jpg");
    }

    .slide3 {
      background-image: url("images/03.jpg");
    }

    .slide4 {
      background-image: url("images/04.jpg");
    }

    .slider {
      position: absolute;
      width: 400%;
      height: 100%;
      background: #000;
      display: inline-flex;
      overflow: hidden;
    }

    .slide1,
    .slide2,
    .slide3,
    .slide4 {
      position: absolute;
      background-position: center;
      background-size: cover;
      color: #fff;
      font-size: 62px;
      padding-top: 138px;
      font-weight: 800;
      font-family: 'Heebo', sans-serif;
      text-align: center;
      width: 25%;
      height: 100%;
      z-index: 10;
      transition: 1.4s;
    }

    .tran {
      transform: scale(1.3);
    }

    .up1 {
      z-index: 20;
    }

    .up2 {
      z-index: 40;
    }

    .steap {
      stroke-width: 0;
    }

    .streak {
      stroke-width: 82px;
    }

    @media (max-width: 700px) {
      .parent {
        margin-left: 1%;
      }
    }
  </style>
</head>
<body>
<div class='parent'>
  <div class='slider'>
    <button type="button" id='right' class='right' name="button">

      <svg version="1.1" id="Capa_1" width='40px' height='40px ' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
           viewBox="0 0 477.175 477.175" style="enable-background:new 0 0 477.175 477.175;" xml:space="preserve">
       <g>
        <path style='fill: #9d9d9d;' d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5
          c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z
          ">
       </g>

       </svg>

    </button>
    <button type="button" id='left' class='left' name="button">
      <svg version="1.1" id="Capa_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
           viewBox="0 0 477.175 477.175" style="enable-background:new 0 0 477.175 477.175;" xml:space="preserve">
       <g>
        <path style='fill: #9d9d9d;' d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225
          c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z">
       </g>
       </svg>
    </button>
    <svg id='svg2' class='up2' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <circle id='circle1' class='circle1 steap' cx="34px" cy="49%" r="20"  />
      <circle id='circle2' class='circle2 steap' cx="34px" cy="49%" r="100"  />
      <circle id='circle3' class='circle3 steap' cx="34px" cy="49%" r="180"  />
      <circle id='circle4' class='circle4 steap' cx="34px" cy="49%" r="260"  />
      <circle id='circle5' class='circle5 steap' cx="34px" cy="49%" r="340"  />
      <circle id='circle6' class='circle6 steap' cx="34px" cy="49%" r="420"  />
      <circle id='circle7' class='circle7 steap' cx="34px" cy="49%" r="500"  />
      <circle id='circle8' class='circle8 steap' cx="34px" cy="49%" r="580"  />
      <circle id='circle9' class='circle9 steap' cx="34px" cy="49%" r="660"  />
    </svg>
    <svg id='svg1' class='up2' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <circle id='circle10' class='circle10 steap' cx="648px" cy="49%" r="20"  />
      <circle id='circle11' class='circle11 steap' cx="648px" cy="49%" r="100"  />
      <circle id='circle12' class='circle12 steap' cx="648px" cy="49%" r="180"  />
      <circle id='circle13' class='circle13 steap' cx="648px" cy="49%" r="260"  />
      <circle id='circle14' class='circle14 steap' cx="648px" cy="49%" r="340"  />
      <circle id='circle15' class='circle15 steap' cx="648px" cy="49%" r="420"  />
      <circle id='circle16' class='circle16 steap' cx="648px" cy="49%" r="500"  />
      <circle id='circle17' class='circle17 steap' cx="648px" cy="49%" r="580"  />
      <circle id='circle18' class='circle18 steap' cx="648px" cy="49%" r="660"  />
    </svg>

    <div id='slide1' class='slide1 up1'><br><br>CAT</div>
    <div id='slide2' class='slide2'><br><br>Dog</div>
    <div id='slide3' class='slide3'><br><br>Parrot</div>
    <div id='slide4' class='slide4'><br><br>Fish</div>

  </div>
</div>
<div align="center">
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="210" width="500">
    <a xlink:href="main" target="_blank">
      <path d="M49.46 6.63C57.46 6.63 63.95 13.65 63.95 22.31C63.95 46.29 34.97 58.19 34.97 58.85C34.97 58.85 34.97 58.85 34.97 58.85C34.97 58.19 5.99 46.29 5.99 22.31C5.99 13.65 12.48 6.62 20.48 6.62C28.48 6.62 34.97 12.78 34.97 21.44C34.97 12.78 41.46 6.63 49.46 6.63Z"
            fill="#f86e6e"></path>
    </a>
    <a xlink:href="main" target="_blank">
      <circle cx="106" cy="32" r="27" fill="purple" />
    </a>
  </svg>

  <section>
    <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aliquam labore, totam nulla facere quisquam fuga reprehenderit commodi eveniet vero praesentium at, similique error aut doloribus blanditiis obcaecati, minus sit nemo? Asperiores tempora, culpa nobis eveniet temporibus labore laudantium nesciunt minima architecto nostrum! Sapiente nisi corporis dicta alias pariatur adipisci mollitia, facilis, voluptas atque illo praesentium iste voluptates earum laborum sunt nam quam provident quibusdam. Aut illum harum obcaecati dolor! Aut quasi quae possimus rem architecto, quam quisquam consectetur fugit tenetur, similique culpa ratione, ad vitae nemo corporis totam esse! Numquam reprehenderit beatae, maxime fuga aliquid mollitia placeat nesciunt sit blanditiis minus sunt obcaecati quaerat voluptates ducimus, officia architecto consectetur alias neque sint inventore nisi rem in perspiciatis! Autem obcaecati voluptate officiis! Fugiat quas eligendi, beatae provident sapiente praesentium qui dolores, minus ad reprehenderit consequatur consectetur alias adipisci, repellendus rerum inventore possimus voluptates expedita cupiditate reiciendis unde ex deleniti doloremque. Fugit, eligendi. Ut dignissimos illo eligendi distinctio accusantium voluptatibus ad itaque eaque, sed illum labore obcaecati magni, voluptates natus ullam aut. Velit, ullam corrupti. Est, dicta? Autem rerum quo itaque fugiat delectus quibusdam magni aut, quasi eum nesciunt cumque, doloribus sit magnam corrupti pariatur quidem. Atque eius dolorem quam quis. Ab dicta in quos dolorem cumque. Dolor magni, esse perspiciatis error explicabo doloremque, dolore nisi doloribus ea ab deserunt sequi harum nostrum obcaecati corporis porro! Ea doloribus cupiditate quibusdam quidem eum quae vero quisquam aspernatur repellendus aperiam unde exercitationem officia minus obcaecati sequi ducimus cumque nihil cum at nulla inventore, quia beatae excepturi. Minima suscipit dolores porro doloribus officiis possimus, veritatis consequatur recusandae nostrum iste asperiores, facere nam, quae officia velit nemo totam? Officiis nulla asperiores ea perferendis assumenda sed itaque quia veniam, nam earum pariatur totam impedit nobis minus iste sit non doloribus praesentium accusamus neque ad aliquam tenetur. Suscipit quasi repellat hic odio praesentium mollitia quos amet illo dolore minima soluta, numquam nobis quisquam quod a quidem voluptatem harum optio ab, quae facere alias, corporis excepturi? Autem soluta impedit deserunt quo dolore in adipisci doloremque sequi totam ducimus corrupti, perspiciatis voluptate omnis officiis aliquam delectus numquam distinctio, voluptatem quibusdam, dolorum ullam. cupiditate dolores blanditiis recusandae eos dignissimos aut. Modi natus provident at, facere fugit voluptatibus suscipit obcaecati veniam earum, excepturi, ab hic libero. Aut dolorum cum dolor magni voluptate suscipit ullam explicabo tempore dignissimos officiis nesciunt deserunt maxime ex nam, aspernatur odit asperiores laboriosam animi quaerat similique repellendus alias ipsa nisi expedita. Nesciunt maxime eos voluptatibus libero veritatis dicta excepturi voluptatum, magni, sequi, ratione aut rerum quisquam a ut tempore dolorem aspernatur temporibus odit tenetur beatae eligendi corrupti culpa at. Qui iste quos nisi soluta vitae vel tenetur eum tempore neque, animi molestiae numquam nulla a debitis placeat totam? Provident veniam hic id quibusdam sequi harum soluta nobis voluptatum sint eligendi. Ratione distinctio illum qui rem accusantium cupiditate odio alias iusto suscipit similique autem maxime voluptate sed ducimus recusandae harum officiis necessitatibus amet sint veritatis animi quae, assumenda facere. Reprehenderit, debitis? Facere exercitationem esse sapiente tempora architecto ut cupiditate consequuntur ipsa quasi nihil possimus eos accusantium, incidunt at numquam ex corporis iste ratione nobis temporibus. Eos repellendus deserunt labore, obcaecati quaerat ducimus consectetur similique velit magnam harum voluptas facere eveniet, sunt ut error dolor, odit recusandae? Tempore eaque asperiores officiis mollitia esse minus voluptates incidunt. Nisi voluptatibus aliquam sapiente veniam repellat, modi fugit ut obcaecati ullam facere officia. Quisquam, obcaecati deserunt debitis possimus quis minima dolorum architecto eos provident animi maiores unde eligendi odit ipsam nam ratione repudiandae magni quas vero rerum laborum consequatur. Doloribus, minima. Perferendis officiis assumenda minus, eius doloribus aliquid perspiciatis itaque quo animi nesciunt nobis totam quam suscipit pariatur in a optio sequi at mollitia doloremque distinctio. Aliquam sequi expedita, eaque eum, dolorum vel ut ipsa dolore nihil quas minus optio. Recusandae fugiat dignissimos aliquam eligendi nam dicta vitae aut corrupti maxime veniam porro repudiandae, molestiae consectetur beatae unde voluptates mollitia ullam vel aliquid aspernatur ab distinctio explicabo. Expedita, voluptatibus optio dolores error ipsum est dolorem a adipisci commodi quisquam. Aliquid quasi ab sequi perferendis accusantium quos reiciendis, minus quo repellendus molestias nostrum eligendi iusto assumenda, qui sunt illo delectus obcaecati iure quia. Pariatur laboriosam ab accusantium fugiat repellat excepturi consequatur voluptates. Eaque exercitationem accusamus distinctio commodi laborum quasi assumenda vero odio dolore similique enim eveniet, hic, natus necessitatibus sequi, expedita provident est quam ab aut nisi quae sint. Harum quo suscipit obcaecati asperiores veritatis ratione quis doloribus enim, aut necessitatibus quia repudiandae laudantium voluptatem. Maiores atque facere eaque. Quos aliquam eligendi ad ipsa saepe inventore, fugit ab optio culpa neque enim odit, ducimus doloribus molestias quisquam. Delectus error vitae doloremque omnis iure porro eos quis cupiditate, vel ab odit numquam corrupti dolore dolorum iusto sed pariatur aperiam commodi aut deserunt? Explicabo molestiae fuga deserunt, consequatur eveniet hic dolor id harum quam reprehenderit aspernatur, nam ab provident aut ut, odio at deleniti error facere qui accusantium aperiam sit. Distinctio consequatur culpa similique ea quas. Assumenda voluptatem veniam dicta ullam nulla illo consequuntur eveniet, blanditiis eum et praesentium voluptatum tempore aut! Molestias in, nostrum totam ipsum maiores, perferendis voluptatem eveniet consectetur sapiente illo molestiae. Dolore, delectus libero, modi adipisci voluptatibus fugit repudiandae omnis laborum, aspernatur dicta voluptatum culpa quia? Cumque incidunt laborum, adipisci magnam ratione beatae, fugiat nemo possimus accusamus quo libero vero! Consequuntur possimus tenetur sunt doloremque? Quod vero recusandae nesciunt quasi. Vitae eius et eaque, fugiat aliquam doloribus placeat odio blanditiis eum quis voluptatibus consequatur magnam, soluta libero rerum distinctio aperiam, nostrum expedita enim. Omnis incidunt quisquam est voluptatem laborum? Repellendus quas consectetur quos tenetur nisi nulla impedit, amet laborum tempora! Modi commodi facilis minus voluptatem aut delectus enim sed officiis deserunt? Molestiae recusandae minima maxime consequuntur possimus deleniti eveniet, deserunt labore corrupti quia facere explicabo! Quos beatae nesciunt magnam in itaque ipsa pariatur expedita porro quam suscipit eius ullam distinctio esse labore voluptatibus similique illum sit dolore alias, laborum, libero corrupti quidem nemo. Inventore doloribus possimus corrupti dolorem quidem qui nulla at mollitia! Deserunt odit quas magnam illum fugiat aspernatur expedita, atque deleniti modi explicabo cum magni. Amet odio ex necessitatibus unde repellat iure tenetur consequatur, accusantium in dolor voluptatibus sequi beatae placeat aut nobis illum rem fuga incidunt libero maxime, inventore soluta aperiam possimus molestias. Repellat voluptatibus accusantium iusto quaerat nulla quis, autem pariatur provident fuga nam a cum deleniti! Rem ea optio iste sit officiis? Enim delectus quos sunt fugit unde ipsum quae quo. Numquam hic eveniet, laboriosam impedit at incidunt fugiat dolor vitae, sint ipsa aspernatur sit animi deleniti eaque consequatur aliquid molestiae, mollitia exercitationem itaque. Earum quibusdam eius tempore labore, non porro deserunt magnam dolorum excepturi magni odit exercitationem quisquam voluptatibus architecto libero incidunt ducimus? Laudantium sunt ipsam dicta nobis id? Quos, voluptatum vitae alias culpa fuga iure? Temporibus nostrum fugiat odio quasi, ad quia iure est animi cumque! Officia consectetur non animi doloribus dolores porro rerum iure aliquid maiores nisi deserunt incidunt expedita, sed quidem vitae quod? Accusamus laborum sapiente nobis minima totam iste odio molestias magnam et maxime cum, aliquid accusantium asperiores harum natus quasi aut alias architecto beatae praesentium cupiditate doloremque officia! Maiores tenetur veritatis architecto assumenda? Mollitia voluptatibus veniam labore! Officiis voluptatibus, tempore est quos blanditiis beatae sed cumque quaerat quibusdam nulla, sequi quia minima, a dolore similique exercitationem iure! Fugit nostrum illum vitae expedita, laudantium doloremque vel harum ipsa obcaecati corporis est qui voluptatem? Excepturi natus dolore iusto? Autem ipsa ullam officiis aliquam, sequi in illum, harum dolor quasi eveniet veritatis numquam animi ipsam nostrum doloribus architecto accusamus magnam voluptatibus odio nisi veniam eius, illo pariatur cumque. Nam facere provident numquam, nesciunt, mollitia odit sed commodi laudantium quo rerum quos, cum omnis vel adipisci delectus recusandae perferendis neque expedita maxime quae minus. Corrupti, ullam sed quia distinctio quibusdam voluptas molestias quo veritatis, animi tempora illo aspernatur totam iste, quisquam quasi nisi quam ex consequuntur incidunt itaque molestiae eaque ducimus. Facere reiciendis facilis modi possimus non illum provident, tenetur voluptate sint repellendus incidunt ducimus? Suscipit perferendis odio deleniti sed officia quas aliquam nemo aperiam, unde fugit dicta expedita neque, minus a, cum quae. Dolorum pariatur eveniet alias. Excepturi possimus nobis non rem nemo hic explicabo natus blanditiis commodi illum dicta asperiores aperiam, itaque odit quasi, quis eum consequatur reprehenderit omnis officiis mollitia vel. Iste quod excepturi tempore labore pariatur saepe, consectetur, iusto numquam deleniti dolores perferendis culpa repudiandae illum delectus nostrum dolor iure assumenda incidunt nobis laboriosam eum. Excepturi neque architecto nobis nisi velit quo. Praesentium odit dolorum excepturi doloribus aliquid, nisi temporibus. Nostrum minus veritatis dolorum debitis. Reiciendis illo deleniti corporis consectetur modi perferendis, voluptatibus pariatur in obcaecati vel? Itaque nemo quis nihil! Voluptatibus reiciendis voluptates, tempore impedit accusamus at culpa doloribus dolor exercitationem pariatur, iure quisquam blanditiis commodi velit dolorem! Veritatis vitae error eveniet voluptatum fugiat distinctio, totam deleniti! Odio nam eius deserunt praesentium voluptatem. Dolore, quam voluptatem recusandae asperiores ipsam eum fuga quae saepe repellendus. Itaque culpa eveniet quaerat dolorem, iure nulla magni perferendis incidunt, odit delectus aliquam a, porro temporibus dignissimos possimus totam tempore eos. Illum molestiae ut consectetur, ab inventore officia, error atque provident expedita quaerat veritatis optio voluptatum est sequi unde cumque officiis culpa vel blanditiis! Amet, voluptatem quasi! Sunt eum doloremque blanditiis cupiditate obcaecati vel fuga nisi commodi, nihil, libero harum omnis hic, eligendi numquam et quisquam expedita sed culpa veniam qui eius unde atque totam esse? Accusamus aliquid illum atque quas, quasi natus consequatur obcaecati officiis eaque exercitationem reiciendis mollitia nihil, eveniet pariatur. Molestiae, dolorem suscipit. Ut accusamus dignissimos, blanditiis corrupti, sapiente consectetur quasi non sint repudiandae nemo voluptas at cumque quibusdam temporibus aspernatur a recusandae magni sed. Omnis a alias optio at quaerat maiores, odio nesciunt dolore dignissimos quo minima, ex eum voluptate neque unde? Architecto voluptas voluptatem totam deleniti. Magni saepe optio illo quae ad nihil quo consequuntur id nemo odio enim praesentium nisi veniam deleniti, natus autem cumque laborum assumenda ipsa cupiditate voluptatibus hic possimus soluta nobis? Blanditiis aspernatur tenetur iste quam, facere, nam nobis eos quidem, quo nesciunt sequi. Facere nostrum a exercitationem incidunt aliquid nam eius rerum explicabo, laborum, corporis hic accusantium asperiores repellat vel iusto. Aperiam eligendi temporibus quibusdam minima perspiciatis! Sit autem iste quaerat deserunt quos temporibus, tenetur doloribus impedit in, quam, deleniti laudantium. Tempora, praesentium? Harum adipisci libero iusto mollitia fugiat at consequuntur tempore beatae deleniti consequatur quidem ad magnam molestias neque suscipit cumque, non error quo! Molestias ratione delectus voluptatibus veniam accusantium architecto, id alias facilis neque? Facilis similique atque non sed asperiores saepe dolore vel dignissimos unde labore, illum provident molestias cumque officiis nam omnis deserunt, doloremque voluptas ducimus! Nulla dolore laborum harum fugiat, esse reiciendis corrupti, explicabo, quaerat ab recusandae est. A, facere eos officiis alias possimus voluptate sed placeat corporis. Consequuntur voluptates velit enim a illo sit, minima eos veritatis nihil quia mollitia repellendus quibusdam praesentium iusto dicta! Unde amet esse illum deserunt quaerat quisquam, maxime soluta, a non dignissimos dolorum! Ipsa consectetur reiciendis adipisci, iure explicabo vitae doloribus, molestiae accusantium laudantium nobis soluta animi quas quis, unde temporibus repellendus architecto aperiam repellat assumenda alias eos? Libero quod quisquam quibusdam quia autem ducimus rerum iusto eveniet, adipisci, veritatis consequatur magnam placeat, cumque iure illo. Laborum minima dolore odit earum et vitae error recusandae, facilis voluptas, ullam aliquam, soluta magnam nemo est reprehenderit omnis pariatur nulla cumque officia odio ipsa numquam? Rerum maiores nulla officia voluptates laborum architecto totam officiis laboriosam tempora nihil animi id, eaque sequi exercitationem provident voluptas consectetur reprehenderit temporibus minima accusamus facilis? Iusto, ipsa molestias neque molestiae similique voluptatum quas iure eum nesciunt a nostrum quod, eligendi unde fugit veritatis animi expedita at omnis ipsum. Beatae optio tempore assumenda provident rerum repellat! Inventore deleniti, quibusdam tempora repudiandae iste recusandae adipisci eius repellat possimus quasi ullam minus dicta porro laudantium modi soluta libero! Accusamus nobis perspiciatis pariatur labore velit unde nemo numquam quaerat cum, rerum dolor amet voluptatibus enim nam exercitationem! Reprehenderit praesentium, ea vero voluptatibus, non in, sed architecto optio nostrum velit amet. Inventore, doloribus? Soluta saepe temporibus illum nemo, possimus repellendus reiciendis suscipit mollitia, nobis iusto fugiat voluptatem sunt. Fugit nulla nobis aliquam saepe doloribus, eligendi, porro provident veritatis omnis aspernatur itaque, minima fugiat perspiciatis nisi! Beatae nam sit explicabo aut natus numquam porro error. Nostrum, eaque perspiciatis? Accusamus illum iusto perferendis magni ea eveniet perspiciatis deleniti aliquid quidem amet, nemo eaque dolorem unde molestiae, reprehenderit quas excepturi nesciunt voluptatibus quam nostrum. Quo numquam assumenda quis neque laudantium quaerat sit, magnam reprehenderit expedita nihil? Consequuntur dicta perspiciatis aspernatur. Deleniti atque animi fugit nihil dignissimos dolor corrupti odio inventore corporis iste provident necessitatibus illo nobis ipsam aliquam ipsa, distinctio maiores itaque quos at magni molestiae assumenda. Nihil obcaecati in ratione corporis beatae? Earum asperiores animi quia, incidunt vitae, amet voluptas ex esse cupiditate veritatis, rem commodi quos ipsam quis quo iste debitis! Sed repellat velit quisquam sint molestiae dignissimos nemo nesciunt eligendi sit nostrum, minus laboriosam dolorum eum qui, accusantium doloremque animi sapiente rerum consequuntur enim beatae incidunt magnam? Aliquid eius vero vitae, ex eligendi totam eos ipsa accusantium sequi odit dolore nemo ratione, aperiam nostrum sapiente ab dolorem obcaecati, reiciendis iusto explicabo quod. Officiis harum in, similique amet soluta voluptates nesciunt nihil, expedita laborum exercitationem sequi rerum doloremque ducimus suscipit? Officiis quae, magni facere eveniet reprehenderit assumenda quidem. Sapiente pariatur exercitationem amet saepe quos omnis quo consequatur animi ex laboriosam molestias mollitia culpa maxime, ad aliquam corporis soluta voluptates ut quasi sed possimus itaque laborum dicta! Nam itaque quam quae similique sequi, beatae saepe quos! Eum perferendis eos ut a voluptatem. Omnis voluptas laboriosam possimus aperiam amet laudantium cum illum error, voluptates harum, ratione officia mollitia enim impedit accusamus? Reprehenderit commodi assumenda, cum, et aliquid hic earum at mollitia quasi deleniti iusto quod aut id ad quidem excepturi necessitatibus saepe, dolor inventore magni quas omnis eligendi quae blanditiis. Totam fugiat a, corrupti rem vero sint corporis vel atque quod temporibus ab omnis debitis voluptates ipsam doloremque tenetur dicta non soluta at cumque? Vel, tempora nemo, dicta repudiandae voluptate voluptatem sit expedita ea culpa vero blanditiis odit illo sequi enim minus obcaecati quibusdam laudantium voluptas! Nulla quisquam cumque voluptates aliquam dolorum cupiditate modi temporibus animi officiis, maxime fugit illum a impedit similique consequuntur, nihil accusantium perferendis repellendus ea minus odit cum. Vero ut vitae eaque molestiae eius iure modi error exercitationem similique cum consequuntur omnis suscipit ratione hic, earum quibusdam voluptatibus voluptatem adipisci, sequi cumque nostrum? Dolorum aperiam quasi cumque explicabo necessitatibus harum! Consequatur commodi, fugiat quo quaerat magni ex nihil soluta, itaque asperiores illo nobis adipisci quia officia, alias iste assumenda quod reiciendis perferendis sit optio enim dolore perspiciatis. Ullam, error dolorem est assumenda vero expedita blanditiis fuga fugiat qui in, maiores corrupti minima, culpa iure commodi incidunt repellat quia tenetur saepe alias impedit libero? Minus modi exercitationem quibusdam debitis temporibus aperiam a provident id ratione iste? Facere, maiores dolores. Ullam, odit! Unde nihil fugiat molestiae pariatur reprehenderit sunt sit voluptas obcaecati ullam hic recusandae cumque tempora id quod atque itaque magnam ab excepturi, possimus laudantium nobis necessitatibus. Ipsam impedit voluptas corporis debitis cupiditate quidem error blanditiis accusantium, necessitatibus quibusdam cum, aliquid, inventore nam perspiciatis sint voluptatibus? Alias ullam harum aliquam maiores libero est iste porro voluptas deleniti? Tempore molestias dolores fugiat delectus exercitationem accusamus. Illo obcaecati tempore, ipsa ullam accusantium consequatur beatae aspernatur eveniet laboriosam nemo delectus, neque nihil, animi maiores illum repellendus. Blanditiis temporibus eligendi accusamus optio cumque exercitationem possimus culpa praesentium fuga inventore non pariatur eum ex aspernatur fugiat vitae neque, eveniet quas animi quibusdam id atque accusantium? Quisquam quos voluptatum quo architecto veniam cum sed quas, assumenda aperiam, omnis fuga! Voluptatem quod assumenda quo quia ab at! Molestiae debitis facere quae asperiores voluptas, facilis in architecto voluptate eos? Alias in cum eaque quo? Maiores nisi asperiores quaerat reprehenderit, adipisci dicta obcaecati doloribus odit animi, blanditiis repellat pariatur illum magnam. Tenetur repellendus inventore eos soluta consequatur obcaecati similique rerum accusantium eius harum porro reprehenderit, aliquid sit mollitia minus, excepturi in delectus? Nemo suscipit id explicabo. Qui tenetur maxime ad architecto quo voluptate repellat molestiae quaerat hic minus voluptates at, optio sed ipsam consequatur dolorum quisquam distinctio mollitia. Ipsum cupiditate quidem, dolorum doloremque facere, nulla eius doloribus, error omnis alias porro. Voluptas dicta, ipsam soluta officiis cupiditate corporis autem iste, et ut magnam doloremque sunt. Vero, doloribus? Dolore exercitationem suscipit illo veniam incidunt minima porro ad expedita similique accusantium et nihil soluta, rerum odio maiores excepturi laudantium quasi tempore non quam? Nihil culpa quibusdam ab, deserunt at illo neque eligendi est veritatis molestias doloribus repudiandae quas, repellat adipisci labore a voluptatum, soluta facilis ad quisquam nesciunt voluptas. Sequi ex beatae optio non nisi quas aspernatur! Magni sunt laboriosam laudantium dicta non? Architecto ullam quia voluptas quaerat ducimus, et quis quidem, vitae corporis beatae blanditiis necessitatibus hic ab quo quisquam tempora dicta, animi veniam rerum. Aperiam beatae ullam quae at. Harum placeat aspernatur nemo officia quasi quas, commodi ab consequuntur voluptates eaque at facere, hic sequi animi aliquid tenetur nulla quaerat molestiae numquam tempora fugit ea. Doloremque earum temporibus fugiat reprehenderit minima, impedit ab praesentium illo velit quis numquam, et nesciunt? Aspernatur reiciendis distinctio temporibus dolores! Assumenda eius fugit distinctio tenetur dolor similique perferendis modi dolores, alias corporis eum dolorem optio ex, laborum amet, quaerat aliquam laudantium provident voluptatem quia praesentium sequi! Expedita assumenda commodi accusantium amet fugit ut, nobis, dolores iure placeat a veritatis aspernatur delectus? Totam ipsa consectetur non, illo iste esse doloribus maxime est minima natus possimus corrupti nesciunt laborum ab saepe. Eos temporibus tempora tenetur vel molestiae reprehenderit illo quae nemo voluptatum reiciendis dolores, quis architecto rerum sapiente corrupti, fugiat sint! Natus dicta placeat explicabo voluptatem aliquam molestiae qui, est debitis quis sapiente iure eveniet nisi unde deserunt atque ea recusandae. Eligendi pariatur mollitia vel asperiores eius quibusdam excepturi perferendis quia cumque provident accusamus sit sunt, repellat rerum doloremque voluptas. Quasi nostrum earum praesentium, magnam corporis nobis totam rem provident magni debitis qui commodi expedita, aut minima voluptatem fugit accusantium maxime eaque. Magnam maiores fugiat deserunt maxime, quasi nobis repudiandae ducimus, molestiae ipsa ad doloribus! Magni laborum assumenda eligendi, explicabo numquam nesciunt voluptatem exercitationem ipsam accusamus similique et cum praesentium necessitatibus asperiores voluptatibus repellat quas ea. Temporibus dolores eum mollitia, qui ipsam pariatur fugit repudiandae accusamus facilis expedita ad ullam eligendi iusto officia ratione exercitationem architecto consectetur vero soluta velit delectus laudantium modi. Ullam possimus debitis cum, voluptatum fugit excepturi tempore modi et expedita molestias incidunt voluptates nihil nemo, error impedit ut quos soluta tenetur alias hic in ipsum eum labore eligendi. Suscipit, dignissimos? Itaque dolor quaerat perspiciatis, ratione exercitationem, cupiditate animi saepe porro enim magnam aliquid obcaecati possimus. Deleniti laboriosam quia totam debitis nobis, earum nemo iure vel quis sint adipisci ullam molestias molestiae deserunt mollitia fuga animi veniam, iusto alias dolor dolorum delectus blanditiis autem. Quidem voluptates saepe aperiam consectetur, at mollitia. Enim quidem laboriosam inventore. Placeat culpa exercitationem dolores animi vel eum, non, eius ut vero aliquam rem voluptate at perspiciatis nesciunt accusantium, cum blanditiis deserunt dolorum recusandae ipsum consequatur dicta debitis optio? Blanditiis suscipit voluptate earum eos quo sapiente excepturi corporis delectus ex officiis iure beatae pariatur doloribus quidem doloremque deleniti, voluptatem illum nam quia fugit eaque illo. Ipsa beatae, enim, consequuntur corrupti maxime error tempora dolores doloribus ea provident voluptatem sint. Ducimus nostrum quasi recusandae consectetur molestias, vero ullam nemo ad quo voluptatibus dolor similique inventore commodi quas nisi ipsa magnam id incidunt reprehenderit obcaecati excepturi iste? Id officiis quo esse ea laboriosam incidunt consequatur suscipit libero vel vero et iste eum beatae alias magnam maxime, illum odio eius dicta doloremque! At autem illum adipisci debitis, doloribus recusandae natus incidunt excepturi perferendis, suscipit rem assumenda? Nam laborum, non pariatur aut animi ex illum ipsum, corrupti temporibus molestias inventore quidem sed sit tempore ea corporis nesciunt nemo natus? Error laudantium pariatur officiis maxime architecto officia ipsam voluptatum illo impedit, praesentium voluptatibus! Voluptatum alias, nam error doloribus dolorum laboriosam. Facilis vitae temporibus ducimus consequatur voluptate, deleniti perspiciatis ut fugiat. Delectus enim doloremque soluta, voluptatibus ullam esse aut accusantium iste obcaecati sapiente deserunt exercitationem, dolorem corporis amet veniam iusto sit mollitia porro praesentium eveniet, aspernatur aliquid molestiae vitae dicta? Explicabo ipsam doloribus ipsum minus doloremque atque iusto fuga. Accusamus sint libero id debitis provident magni alias sunt vitae adipisci. Inventore necessitatibus amet exercitationem ad similique? Nobis numquam quasi maxime modi fuga. Inventore quae in cum aspernatur debitis deserunt ullam iusto eligendi? Perspiciatis eveniet quod quas eius maxime aliquam earum sunt dolores, sequi quibusdam sint quae esse enim sed nesciunt? Illo veniam provident nisi eligendi at et incidunt expedita sapiente, praesentium saepe beatae! Corporis harum quibusdam odit consequuntur itaque quo animi provident quia recusandae natus optio inventore tenetur eveniet qui est repellat, quam nobis ab aperiam hic iure dolor. Atque sunt mollitia doloribus exercitationem quaerat animi autem, sapiente ut nisi odio adipisci amet alias cum pariatur reiciendis assumenda! Dignissimos corporis delectus sunt omnis, ad nam unde, autem libero sequi minus praesentium labore repellendus architecto minima cumque quisquam dolor aliquid. Repellat nesciunt ea debitis non distinctio, corrupti ipsa laudantium, obcaecati quae aspernatur itaque, nostrum modi corporis illum deleniti aliquam velit inventore sed veritatis vitae voluptatibus soluta similique. Fugit delectus expedita inventore ad at mollitia iste reprehenderit, dignissimos facere numquam quasi blanditiis soluta id perferendis. Aspernatur fuga inventore, eos, nisi non quasi recusandae voluptatibus reprehenderit ex ratione ipsum facere, delectus iure. In expedita inventore odio deleniti iste, nesciunt autem consequatur vel aliquid, soluta quisquam illum accusantium officiis architecto maiores aspernatur illo quo distinctio, ex molestiae ad explicabo fugit? Beatae nihil perspiciatis necessitatibus deleniti voluptatum? Totam, molestiae. Veniam pariatur exercitationem quos, animi minima fuga quod nemo, culpa, voluptate libero asperiores earum accusamus. Blanditiis cupiditate repellendus quae, debitis explicabo animi corrupti commodi! Atque soluta voluptatum excepturi iusto perspiciatis ea a maxime tempora laboriosam porro incidunt optio dolorum possimus error ipsam inventore dignissimos, quos ut veritatis cupiditate fuga blanditiis quibusdam recusandae? Quidem dolorum laborum quae, nulla sunt eum ea vel corrupti natus quod quam voluptas rerum unde repellat non assumenda, dignissimos sapiente repudiandae molestiae. Dicta accusamus pariatur tempore incidunt quam voluptatem laboriosam sit neque harum vero totam recusandae eligendi quas et quo blanditiis, deleniti quae. Necessitatibus quasi est quae non voluptate repudiandae temporibus impedit porro voluptatum ipsam eaque error doloremque sapiente similique minima ex nulla voluptates atque reprehenderit at, sequi adipisci eveniet quibusdam? Repellendus dolorem temporibus, ad velit odio quasi optio consequatur obcaecati ratione, ipsa ex aliquam recusandae aperiam vel? Hic architecto corrupti eveniet nulla nemo quaerat labore veniam porro aut aliquam, minus iusto et sit voluptatem tempora, sed provident voluptates dolores pariatur, dignissimos nostrum aspernatur autem reiciendis eligendi! Quaerat ratione repudiandae molestias a commodi atque sit, deleniti enim adipisci quasi id excepturi, distinctio alias vitae magni harum officia qui consectetur! Placeat, est pariatur quia quam incidunt hic dolor laborum voluptatem! Quae temporibus asperiores soluta dolor amet animi velit nulla quis omnis nisi, molestiae porro aperiam consequatur minus sint nobis consectetur modi! Quae illo soluta facilis molestias architecto quidem aut rerum delectus ad magni, quam accusantium quos impedit eaque expedita dicta exercitationem ab distinctio. Nulla cum ducimus odio voluptates voluptatum eos consectetur possimus nam velit? Magnam nobis dolorum reiciendis, illum accusantium nostrum nihil architecto atque! Expedita dolor architecto consequatur ex placeat reprehenderit repellat amet magnam tempore non pariatur natus nesciunt fugit cum atque molestiae, alias iure in harum odio aliquam quidem sequi ea deleniti. Magnam, repudiandae sequi repellendus minima deleniti dolorum quo, exercitationem obcaecati natus hic sapiente asperiores autem molestiae! Maxime enim quibusdam minima commodi explicabo molestias id, mollitia iusto cumque accusamus facilis similique voluptas? Labore, asperiores exercitationem corporis, laboriosam quaerat adipisci quia autem aperiam sequi facilis at nemo odit libero quam, magnam architecto maxime neque magni esse deserunt reiciendis quas incidunt! Odit, ea libero adipisci tempore aspernatur quaerat eaque odio, sed laboriosam quasi quibusdam voluptatum facilis placeat nulla nisi reiciendis. Architecto commodi deleniti vel unde odit! Doloribus tempora hic incidunt aliquam adipisci excepturi, architecto, sunt vitae iure autem voluptatibus cumque facilis inventore similique? Eligendi, officia! Ad tempora natus accusantium illum, reprehenderit repellendus, perspiciatis minima nisi, ex beatae esse voluptatum magni soluta dolores non reiciendis magnam maxime fuga molestiae nostrum earum sapiente accusamus quas id! Corrupti nobis eos maxime autem commodi quasi non ea eveniet earum unde repudiandae porro, illo excepturi adipisci tenetur facere iure ab dicta aliquam optio, aperiam perferendis voluptatem voluptatum. Quia eaque nulla, earum repellendus obcaecati perspiciatis quidem sunt suscipit. Quisquam laudantium ut, neque delectus consequatur totam quos ab maiores quidem minus fugit. Sequi non nostrum in blanditiis quidem quasi omnis voluptate et rem explicabo, similique sed ipsa placeat dolor ducimus necessitatibus eos reiciendis atque quaerat facilis autem error aspernatur. Eius, accusamus voluptates iure error soluta distinctio laboriosam quasi alias neque nam? Illum, corporis dolore culpa animi praesentium blanditiis voluptates, cupiditate dolores recusandae eos aperiam accusamus hic veniam aliquam quae, consectetur aut voluptas. Rem quis minus iusto consequatur, nesciunt iste magnam iure autem recusandae eligendi ab temporibus quod animi laboriosam perferendis soluta vero facilis sint saepe illum tempora dignissimos doloribus assumenda blanditiis? Laudantium nihil atque magni non voluptates, minima quia cumque sapiente totam tenetur voluptatem, aspernatur cum placeat, quam ut id. Consequuntur saepe molestias, ab aliquam ea laboriosam repudiandae eos quam asperiores quaerat nam sint quo et assumenda a cum doloribus sapiente eaque error cupiditate pariatur culpa fugiat corporis? Blanditiis, ducimus voluptate. Aliquid, ad? Accusamus, itaque saepe dolorum dolor sapiente culpa eaque? Facilis impedit corrupti soluta, tenetur et harum nisi illo doloremque, deleniti vero accusamus! Quisquam excepturi dolor iste aperiam quis ipsam rem expedita, vero minus adipisci placeat at hic? Numquam vel magni, accusamus debitis expedita dolorem neque? Dolor blanditiis quasi maxime amet rem consequuntur. Soluta corporis minima quae sint fuga iusto itaque, iure modi doloribus accusamus alias, quia illum? Sapiente quia nemo quidem dolorum fugit soluta provident excepturi ullam perspiciatis quisquam officia, voluptatem doloremque corrupti exercitationem eveniet hic temporibus, ratione sequi et quae vitae ut laboriosam magni! Non odit, ad explicabo itaque aut molestias ipsum asperiores ex, laborum necessitatibus ullam et quasi vel quisquam fugit nobis numquam illum facere. Pariatur sint totam alias nisi placeat reprehenderit similique mollitia tempora minus et commodi, nemo aperiam, ea perspiciatis a rerum, voluptates itaque consequuntur at? Dignissimos veritatis maiores fugiat suscipit nobis, assumenda minus asperiores aliquid, sapiente dolore et. Ipsum facilis expedita iure nisi voluptatum nesciunt fugiat nihil, consequatur error esse hic voluptas, amet itaque voluptatibus, quia minus harum quidem neque in suscipit. Eaque cumque autem assumenda, non eos sunt nobis et maxime, corporis numquam deleniti placeat. Suscipit porro reprehenderit et aut eum quaerat rerum similique magnam nesciunt dignissimos! Quas, fugiat neque sed odit praesentium sit architecto tempore minima magnam ea exercitationem tempora eos doloribus animi maiores! Temporibus accusamus quidem omnis ipsam, consectetur id, rem odit aut ratione enim officiis! Eius, sunt harum eveniet eos voluptatem quia ad reiciendis necessitatibus vel autem quisquam ullam iure dicta dolorem iste reprehenderit nostrum illo maxime pariatur. Repellendus sapiente libero nesciunt non quo officiis adipisci dolorem cum quam! Recusandae voluptate a fugiat hic, nulla ex molestias quasi sed quam tempora, vel repudiandae magnam ullam alias ratione corporis libero quia incidunt in, distinctio porro ipsum. Voluptatem adipisci facilis ab! Distinctio beatae, iste ad est delectus ut ducimus omnis? Delectus quae assumenda fuga nostrum reprehenderit earum accusantium quas ad, eveniet, excepturi consequuntur. Eum, corrupti autem. Pariatur sapiente deleniti impedit natus obcaecati ad distinctio quae, magni maiores asperiores, recusandae voluptate consequatur provident itaque cum atque officiis eaque sit beatae. Hic minus reprehenderit magnam? Iste optio veritatis officia reprehenderit quibusdam sunt, soluta accusamus dolore aliquid ratione nemo culpa dignissimos perspiciatis tenetur rem provident voluptate suscipit molestiae non laboriosam. Dolorem nisi quisquam velit, deleniti voluptate et laudantium, labore officiis adipisci aliquam voluptas, at dolores repellendus modi maiores nulla iure ex illum ad fuga pariatur earum. Rem mollitia obcaecati rerum repellat quis, ex eligendi asperiores veritatis laborum, ab cumque ea repudiandae earum similique recusandae in excepturi incidunt tempore odio provident magni nulla amet. Ratione cum, voluptatibus ex nostrum numquam aperiam deleniti ducimus officia odit expedita porro assumenda eveniet consequuntur accusamus fuga nobis, magnam fugit perferendis maiores quisquam vero ad sit accusantium. Perspiciatis, beatae. Cupiditate consequuntur explicabo, exercitationem error, dolorum optio illo qui voluptatibus minima laborum eos ipsum corporis? Quidem temporibus ratione iusto tenetur excepturi modi, rerum sunt obcaecati officia atque repellat quos cumque consectetur quia qui totam minus perferendis! Qui dolorum laudantium commodi odit, quibusdam nulla, velit saepe tenetur alias totam, quia dolores unde voluptatem et illum quisquam blanditiis nostrum deleniti similique minus. Sapiente, temporibus voluptate! Qui, autem, deserunt eveniet temporibus modi ex neque voluptatum nam vel, suscipit quos. Ducimus, nostrum. Vitae quidem voluptatem debitis blanditiis enim nesciunt doloribus voluptate autem voluptatum! Cupiditate ratione officia ut exercitationem atque vero aperiam error quisquam officiis, excepturi nam vitae iure dolore, itaque asperiores natus, doloribus magni! Quidem quia eligendi labore earum aliquam asperiores accusamus, obcaecati, minima repellendus aut quisquam dignissimos! Dignissimos optio hic accusantium maiores exercitationem. Ipsa voluptatibus vitae necessitatibus similique magnam expedita delectus quasi aliquid sequi. Magnam, dolor quidem! Ex ullam sunt nisi odit quibusdam nemo reiciendis eius expedita! Consequatur exercitationem perferendis voluptas debitis, praesentium error saepe veniam aliquam delectus suscipit ullam magnam aspernatur hic labore earum doloribus quas voluptatem repellendus maiores dolorem tenetur blanditiis nostrum accusantium. Quasi dolorem consectetur corrupti architecto, soluta tenetur necessitatibus dolores qui veniam fugiat deserunt amet possimus id nulla magnam illo cumque est dolor quaerat voluptatem animi ratione, aliquid fugit. Excepturi, deserunt. At, quam animi assumenda aperiam velit labore dolorum voluptatem quasi, maxime amet autem molestiae quod facilis expedita perferendis asperiores blanditiis? Porro cumque, magni saepe maiores tempora natus eveniet aperiam doloremque fugit quis veritatis commodi reprehenderit praesentium? Velit rem libero eveniet mollitia inventore eaque laudantium eius ab ex quidem illum recusandae, vero suscipit quod ratione. Dicta voluptatum, delectus recusandae corrupti ipsam nulla vitae repellat quas expedita vero nemo voluptatem veritatis consequatur nostrum, cupiditate laborum odio corporis quos iste quaerat quisquam cumque omnis. Doloremque nobis voluptas, officia voluptatem fugiat perferendis placeat corporis quod fuga ducimus accusantium ea eius omnis laudantium quos maiores quo neque hic soluta, quia excepturi dolor eum? Ex fugit consectetur, magni quia debitis harum illo voluptate excepturi quod sunt voluptatum natus ab porro veritatis dolores eos, tempore necessitatibus. Neque error, quidem deserunt obcaecati ad autem doloremque libero, incidunt repudiandae iusto inventore?
    </p>
  </section>


</div>

<script>
  var curpage = 1;
  var sliding = false;
  var click = true;
  var left = document.getElementById('left');
  var right = document.getElementById('right');
  var pagePrefix = 'slide';
  var pageShift = 500;
  var transitionPrefix = 'circle';
  var svg = true;

  function leftSlide() {
    if (click) {
      if (curpage == 1) curpage = 5;
      console.log('woek');
      sliding = true;
      curpage--;
      svg = true;
      click = false;
      for(k=1;k<=4;k++){
        var a1 = document.getElementById(pagePrefix + k);
        a1.className += ' tran';
      }
      setTimeout(()=>{
        move();
    },200);
      setTimeout(()=>{
        for(k=1;k<=4;k++){
        var a1 = document.getElementById(pagePrefix + k);
        a1.classList.remove('tran');
      };
    },1400);
    }
  }


  function rightSlide() {
    if (click) {
      if (curpage == 4) curpage = 0;
      console.log('woek');
      sliding = true;
      curpage++;
      svg = false;
      click = false;
      for(k=1;k<=4;k++){
        var a1 = document.getElementById(pagePrefix + k);
        a1.className += ' tran';
      }
      setTimeout(()=>{
        move();
    },200);
      setTimeout(()=>{
        for(k=1;k<=4;k++){
        var a1 = document.getElementById(pagePrefix + k);
        a1.classList.remove('tran');
      };
    },1400);
    }
  }


  function move() {
    if (sliding) {
      sliding = false;
      if (svg) {
        for (j = 1; j <= 9; j++) {
          var c = document.getElementById(transitionPrefix + j);
          c.classList.remove("steap");
          c.setAttribute("class", (transitionPrefix + j) + " streak")
          console.log('streak');
        }
      } else {
        for (j = 10; j <= 18; j++) {
          var c = document.getElementById(transitionPrefix + j);
          c.classList.remove("steap");
          c.setAttribute("class", (transitionPrefix + j) + " streak")
          console.log('streak');
        }
      }

      // for(k=1;k<=4;k++){
      //   var a1 = document.getElementById(pagePrefix + k);
      //   a1.className += ' tran';
      // }

      setTimeout(() => {
        for (i = 1; i <= 4; i++) {
        if (i == curpage) {
          var a = document.getElementById(pagePrefix + i);
          a.className += ' up1';
        } else {
          var b = document.getElementById(pagePrefix + i);
          b.classList.remove("up1");
        }
      };
      sliding = true;
    }, 600);
      setTimeout(() => {
        click = true;
    }, 1700);



      setTimeout(() => {
        if (svg) {
          for (j = 1; j <= 9; j++) {
            var c = document.getElementById(transitionPrefix + j);
            c.classList.remove("streak");
            c.setAttribute("class", (transitionPrefix + j) + " steap");
          }
        } else {
          for (j = 10; j <= 18; j++) {
        var c = document.getElementById(transitionPrefix + j);
        c.classList.remove("streak");
        c.setAttribute("class", (transitionPrefix + j) + " steap");
      }
      sliding = true;
    }
    }, 850);
      setTimeout(() => {
        click = true;
    }, 1700);
    }

  }

  left.onmousedown=()=>{
    leftSlide();
  }

  right.onmousedown=()=>{
    rightSlide();
  }

  document.onkeydown=(e)=>{
    if(e.keyCode==37){
      leftSlide();

    }
    else if (e.keyCode==39) {
      rightSlide();

    }
  }

  //for codepen header
  setTimeout(()=>{
    rightSlide();

  },500)

</script>


</body>
</html>

